<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>礼享嘉年华</title>
		<meta charset="utf-8">
		<meta name="format-detection" content="telephone=no"/>
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta name="mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
		<meta name="keywords" content="雅诗兰黛"/>
		<meta name="description" content="雅诗兰黛"/>
		<meta name="applicable-device"content="mobile">
		<link rel="stylesheet" href="css/swiper-3.3.1.min.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css?1753512433"/>
		<script data-fixed="true">
		  !function(){
            if(/iphone|ios|android|ipod/i.test(navigator.userAgent.toLowerCase()) == false){
               location.href = 'pc.html';
            }
          }();
		</script>
		<script>
		 (function(a, e, f, g, b, c, d) {a.ClickiTrackerName = b;
		 a[b] = a[b] || function() {(a[b].queue = a[b].queue || []).push(arguments)};
		 a[b].start = +new Date; c = e.createElement(f); d = e.getElementsByTagName(f)[0];
		 c.async = 1; c.src = g; d.parentNode.insertBefore(c, d)
		 })(window, document, 'script', ('https:' == document.location.protocol ? 'https://stm-collect' : 'http://stm-cdn') + '.cn.miaozhen.com/clicki.min.js', 'stm_clicki');
		 stm_clicki('create', 'dc-1652', 'auto');
		 stm_clicki('send', 'pageview');
		</script>
		<script>
			stm_clicki('require','heatmap', ('https:'==document.location.protocol?'https://stm-collect':'http://stm-cdn')+'.cn.miaozhen.com/plugins/heatmap.js');
			stm_clicki('heatmap:on',5);
		</script>
	</head>
	<body>
		<!--横屏提示-->
		<div id="forhorview">
			<p>推荐使用竖屏浏览哦~</p>
		</div>


		<div id="loading">
			<div class="content">
				<div class="box"></div>
				<span class="txt-loading"></span>
				<div class="progress"></div>
			</div>
		</div>

		<div id="index">
			<span class="logo"></span>
			<div class="menu-box">
				<a href="javascript:void(0);" class="menu"></a>
				<a href="javascript:void(0);" class="rule"></a>
				<a href="javascript:void(0);" class="product index"></a>
			</div>

			<div class="shake-box">
				<span class="shake"></span>
			</div>

			<h3 class="title"></h3>
			<img src="" alt="" id="gril"/>
			<a href="javascript:void(0);" class="publish"></a>
		</div>

		<div id="reward">
			<span class="logo"></span>
			<div class="animate"></div>
		</div>

		<div id="result" class="result-1">
			<a href="javascript:;" class="back-btn"></a>
			<div class="menu-box menu-white">
				<a href="javascript:void(0);" class="menu"></a>
				<a href="javascript:void(0);" class="rule"></a>
				<a href="javascript:void(0);" class="product"></a>
			</div>
			<div class="txt">
				<img src="img/txt-1.png" alt="出色年终奖" class="txt-1"/>
				<img src="img/txt-2.png" alt="摩登年终奖" class="txt-2"/>
				<img src="img/txt-3.png" alt="年轻年终奖" class="txt-3"/>
				<img src="img/txt-4.png" alt="万能年终奖" class="txt-4"/>
			</div>
			<a href="javascript:void(0);" class="subForm"></a>
		</div>

		<div id="success">
			<div class="menu-box menu-white">
				<a href="javascript:void(0);" class="menu"></a>
				<a href="javascript:void(0);" class="rule"></a>
				<a href="javascript:void(0);" class="product"></a>
			</div>
			<span class="logo"></span>
			<span class="txt-success"></span>
			<div class="des">我们将于12月31日前通知幸运雅粉<br />请静候佳音</div>
			<div class="btn-group">
				<a href="javascript:void(0);" class="try"  onclick="stm_clicki('send', 'event', 'replay');"></a>
				<a href="javascript:void(0);" class="share"></a>
			</div>
			
			<div class="product-box">
				<span class="product"></span>
				<p>点击查看更多礼盒</p>
			</div>
		</div>

		<div class="share-box">
			<img src="img/share-pic.png" alt="" />
		</div>

		<div id="rule-box" class="pop">
			<div class="content">
				<a href="javascript:void(0);" class="close"></a>
				<img src="img/layer.jpg" alt="" />
			</div>
		</div>
		
		<div id="win-box" class="pop">
			<div class="content">
				<a href="javascript:void(0);" class="close"></a>
				<img src="img/layer-2.jpg" alt="" />
			</div>
		</div>
		
		<div id="product-box">
			<div class="guide">
				<a href="javascript:void(0);" class="icon-back"></a>
				<img src="img/guide.png" alt="" />
				<span class="hand"></span>
			</div>
			<a href="javascript:void(0);" class="back"></a>
			<div class="swiper-container" id="productSwiper">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide slide-1">
			        	<img src="img/word-1-1.png" alt="" class="word-1"/>
			        	<img src="img/word-1-2.png" alt="" class="word-2"/>
			        </div>
			        <div class="swiper-slide slide-2">
			        	<img src="img/word-2-1.png" alt="" class="word-1"/>
			        	<img src="img/word-2-2.png" alt="" class="word-2"/>
			        </div>
			        <div class="swiper-slide slide-3">
			        	<img src="img/word-3-1.png" alt="" class="word-1"/>
			        	<img src="img/word-3-2.png" alt="" class="word-2"/>
			        </div>
			        <div class="swiper-slide slide-4">
			        	<img src="img/word-4-1.png" alt="" class="word-1"/>
			        	<img src="img/word-4-2.png" alt="" class="word-2"/>
			        </div>
			        <div class="swiper-slide slide-5">
			        	<img src="img/word-5-1.png" alt="" class="word-1"/>
			        	<img src="img/word-5-2.png" alt="" class="word-2"/>
			        </div>
			        <div class="swiper-slide slide-6">
			        	<img src="img/word-6-1.png" alt="" class="word-1"/>
			        	<img src="img/word-6-2.png" alt="" class="word-2"/>
			        </div>
			        <div class="swiper-slide slide-7">
			        	<img src="img/word-7-1.png" alt="" class="word-1"/>
			        	<img src="img/word-7-2.png" alt="" class="word-2"/>
			        </div>
			        <div class="swiper-slide slide-8">
			        	<img src="img/word-8-1.png" alt="" class="word-1"/>
			        	<img src="img/word-8-2.png" alt="" class="word-2"/>
			        </div>
			        <div class="swiper-slide slide-9">
			        	<img src="img/word-9-1.png" alt="" class="word-1"/>
			        	<img src="img/word-9-2.png" alt="" class="word-2"/>
			        </div>
			    </div>
			</div>
		</div>

		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script src="js/zepto.min.js"></script>
		<script src="js/preloadjs-0.6.2.min.js"></script>
		<script src="js/frameAmin.js"></script>
		<script src="js/layer_mobile/layer.js"></script>
		<script src="js/shake.js"></script>
		<script src="js/swiper-3.3.1.min.js"></script>
		<script src="js/index.js?1753512433"></script>
	</body>
</html>
